<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .list{
            margin-bottom: 50px;
        }
    </style>
</head>
<body>
    <div class="list"></div>
    <script>
        let list = document.querySelector('.list')
        let arr = [
            {  
                img:'1',
                title:'多亏有了vivo S9手机，才能在夜晚拍出清晰照片',
                content:'每次在晚上出去的时候，我总是会被沿途各式各样的美景所吸引，这时就忍不住拿出手机拍一下，奈何手机的夜拍功能不是很好，就很失望，我也不可能把相机随身携带，就想着给自己重新换一款夜晚拍照能给力的手机，选来选去最终还是将目光锁定在了vivo手机上，之前一直用的都是它家的，这次新出了S9想必也是不错的，果断选择入手。',
                browse:'22万人'
            },
            {  
                img:'2',
                title:'多亏有了vivo S9手机，才能在夜晚拍出清晰照片',
                content:'每次在晚上出去的时候，我总是会被沿途各式各样的美景所吸引，这时就忍不住拿出手机拍一下，奈何手机的夜拍功能不是很好，就很失望，我也不可能把相机随身携带，就想着给自己重新换一款夜晚拍照能给力的手机，选来选去最终还是将目光锁定在了vivo手机上，之前一直用的都是它家的，这次新出了S9想必也是不错的，果断选择入手。',
                browse:'22万人'
            },
            {  
                img:'3',
                title:'多亏有了vivo S9手机，才能在夜晚拍出清晰照片',
                content:'每次在晚上出去的时候，我总是会被沿途各式各样的美景所吸引，这时就忍不住拿出手机拍一下，奈何手机的夜拍功能不是很好，就很失望，我也不可能把相机随身携带，就想着给自己重新换一款夜晚拍照能给力的手机，选来选去最终还是将目光锁定在了vivo手机上，之前一直用的都是它家的，这次新出了S9想必也是不错的，果断选择入手。',
                browse:'22万人'
            },
            {  
                img:'4',
                title:'多亏有了vivo S9手机，才能在夜晚拍出清晰照片',
                content:'每次在晚上出去的时候，我总是会被沿途各式各样的美景所吸引，这时就忍不住拿出手机拍一下，奈何手机的夜拍功能不是很好，就很失望，我也不可能把相机随身携带，就想着给自己重新换一款夜晚拍照能给力的手机，选来选去最终还是将目光锁定在了vivo手机上，之前一直用的都是它家的，这次新出了S9想必也是不错的，果断选择入手。',
                browse:'22万人'
            },
        ]
        for(var i = 0; i < arr.length;i++){
            list.innerHTML += 
                '<p>'+ arr[i].img +'</p>'+
                '<p>'+ arr[i].title +'</p>'+
                '<p>'+ arr[i].content +'</p>'+
                '<p>'+ arr[i].browse +'</p>';
                if(i == 1){
                    console.log(arr[i]);
                    arr[i].innerHTML = '第二个'
                }
        }
    </script>
</body>
</html>